<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../public.css">
		<link rel="stylesheet" href="./编辑预约.css">
	<body>
		<header>
			<nav>
				<div class="logo">
					<span>客户资源信息</span>管理后台
				</div>
				<ul class="management">
					<li><span>&#xe661;</span>权限管理</li>
					<li><span>&#xe659;</span>用户列表</li>
					<li><span>&#xe68d;</span>系统日志</li>
				</ul>
				<ul class="management">
					<li><span class="ponum">&#xe65f;</span>在线人数</li>
					<li class="msgbtn">
						<span class="message">&#xe650;</span>系统消息
						<div class="newmsg" id="newmsg">
							<div><span>最新消息</span><span class="down">&#xe600;</span></div>
							<ul>
								<li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
							</ul>
						</div>
					</li>
					<li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
				</ul>
			</nav>
		</header>
		<div class="bigbox">
			<div class="sidebar">
				<ul>
					<li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
					<li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
					<li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
					<li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
					<li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
					<li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
					<li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
					<li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
				</ul>
			</div>
			<div class="box-right">
				<div class="rig-con">
<div class="box">
        <h3>编辑预约信息</h3>
        <div class="a">
            <div class="a1">
                <h4>预约基本信息</h4>
                <span> 注: 带有“*”必须填</span>
            </div>
            <hr>
            <div class="a2">
                <form action="" method="post">
                    <p class="a2-a">
                        <label for="">机构名称:</label>
                        <input type="text" value="南阳医学高等专科学校图书馆">
                        <button>查询</button>
                        <span>*</span>
                    </p>
                    <p>
                        <label for="">预约联系人:</label>
                        <input type="text" value="李亚琴">
                        <span>*</span>
                    </p>
                    <p>
                        <label for="">预约联系人:</label>
                        <input type="text" class="a2p-1" value="2016-08-25">
                        <input type="text" class="a2p-2" value="10: 30">
                        <span style="margin-left: 15px;">*</span>
                    </p>
                    <p>
                        <label for="">预约人手机:</label>
                        <input type="text" value="13559503563">
                        <span>*</span>
                    </p>
                    <p class="a2-b">
                        <label for="">预约目的:</label>
                        <textarea name="" id="" cols="30" rows="10">如果再联系不到黄馆长,那就再次联系王馆长,询问广东省公图内部平时交流是否多,有没有内部交流群</textarea>
                        <span>*</span>
                    </p>
                    <p class="a2-b">
                        <label for="">预约结果:</label>
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                        <span>*</span>
                    </p>
                    <p>
                        <label for="">预约状态:</label>
                        <select name="" id="" value="">
                        <option value="未联系">未联系</option>
                        <option value="已完成">已完成</option>
                        <option value="未达目的" selected>未达目的</option>
                    </select>
                        <span>*</span>
                    </p>
                    <p>
                        <label for="">预约设置人:</label>
                        <input value="王娇娇">
                        <span>*</span>
                    </p>
                    <p>
                        <label for="">操作人:</label>
                        <input value="王娇娇">
                        <span>*</span>
                    </p>
                    <p>
                        <label for="">是否再次预约:</label>
                        <input type="radio" checked name="shi">是
                        <input class="sh1" type="radio" name="shi">否
                    </p>
                    <p>
                        <label for="">预约提醒:</label>
                        <input type="radio" checked name="shi1">是
                        <input class="sh1" type="radio" name="shi1">否
                    </p>
                    <div class="a2-aa">
                        <button>确认编辑</button>
                        <button>取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.6.0.js"></script>
		<script>
			let msgbtn = document.querySelector('.msgbtn')
			let down = document.querySelector('.down')
			let newmsg = document.querySelector('.newmsg')

			down.onclick = function(e) {
				newmsg.style.display = 'none'
				e.stopPropagation()
			}
			msgbtn.onclick = function() {
				newmsg.style.display = 'block'
			}
		</script>
	</body>
</html>
